<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Кэшбэк - возвращайте деньги за интернет-покупки</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?=Helper_Index::canonical_url(); ?>
    
    <link href="/media/css/bootstrap.css" rel="stylesheet">
    <link href="/media/css/font-awesome.min.css" rel="stylesheet">
    <link href="/media/css/style.css" rel="stylesheet">
    <link href="/media/css/smoothproducts.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>
    <link href="/media/css/social-likes_classic.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico">
    
    <script src="/media/js/jquery.js"></script>
    <script src="/media/js/bootstrap.js"></script>
    <script src="/media/js/jquery.blImageCenter.js"></script>
    <script src="/media/js/mimity.js"></script>
    <script src="/media/js/jquery.unveil.js"></script>
    <script src="/media/js/general.js"></script> 
    <script src="/media/js/smoothproducts.min.js"></script>
    <script src="/media/js/social-likes.min.js"></script>
    <script src="/media/js/easyTooltip.js"></script>
    
    
    <?php
    $user = Model_Auth::instance()->get_user();
    if ($user): ?>
    <script type="text/javascript">
        LoginRegisterManager.setLogin(true);
    </script>
    <?php endif; ?>
    
    <script type="text/javascript">
        var yaParams = {};
        
        
        //Обработка клика на стрелку вправо
$(document).on('click', ".carousel-button-right",function(){ 
  var carusel = $(this).parents('.carousel');
  right_carusel(carusel);
  return false;
});
//Обработка клика на стрелку влево
$(document).on('click',".carousel-button-left",function(){ 
  var carusel = $(this).parents('.carousel');
  left_carusel(carusel);
  return false;
});
function left_carusel(carusel){
   var block_width = $(carusel).find('.carousel-block').outerWidth();
   $(carusel).find(".carousel-items .carousel-block").eq(-1).clone().prependTo($(carusel).find(".carousel-items")); 
   $(carusel).find(".carousel-items").css({"left":"-"+block_width+"px"});
   $(carusel).find(".carousel-items .carousel-block").eq(-1).remove();    
   $(carusel).find(".carousel-items").animate({left: "0px"}, 200); 
 
}
function right_carusel(carusel){
   var block_width = $(carusel).find('.carousel-block').outerWidth();
   $(carusel).find(".carousel-items").animate({left: "-"+ block_width +"px"}, 200, function(){
    $(carusel).find(".carousel-items .carousel-block").eq(0).clone().appendTo($(carusel).find(".carousel-items")); 
      $(carusel).find(".carousel-items .carousel-block").eq(0).remove(); 
      $(carusel).find(".carousel-items").css({"left":"0px"}); 
   }); 
}
 
$(function() {
//Раскомментируйте строку ниже, чтобы включить автоматическую прокрутку карусели
  auto_right('.carousel:first');
})
 
// Автоматическая прокрутка
function auto_right(carusel){
  setInterval(function(){
    if (!$(carusel).is('.hover'))
      right_carusel(carusel);
  }, 3000)
}
// Навели курсор на карусель
$(document).on('mouseenter', '.carousel', function(){$(this).addClass('hover')});
//Убрали курсор с карусели
$(document).on('mouseleave', '.carousel', function(){$(this).removeClass('hover')});
        
    </script>
    
</head>

<body itemscope itemtype="http://schema.org/WebPage">
    <header>
        <div class="container">
            <div class="row">

                <!-- Logo -->
                <div class="col-lg-4 col-md-3 hidden-sm hidden-xs">
                    <div class="well logo">
                        <span class="hlink" data-hlink="<?=base64_encode('/') ?>">
                            CashBack<span>Doc</span>
                            <img style="position: absolute; top: -10px;" src="/media/images/landing/cashback/money.png" alt="">
                        </span>
                    </div>
                </div>
                <!-- End Logo -->

                <!-- Login & Search Form -->
                <?php /*<div class="col-lg-8 col-md-9 col-sm-12 col-xs-12">
                    <div class="login-register-block pull-right">
                        <?php if ($user): ?>
                        Привет, <?=$user->email ?>! <a href="/my">Мой аккаунт</a> | <a href="/logout">Выход</a>
                        <?php else: ?>
                        <a href="/login">Вход</a> | <a href="/register">Регистрация</a>
                        <?php endif; ?>
                    </div>
                </div>
                <!-- End Search Form -->    */ ?>
            </div>
        </div>
    </header>

    <style>.reg-steps {text-align: center; font-size: 16px;}
.carousel  {
   max-width: 85%; /* ширина всего блока */
   margin: 10px auto;
   width:100%;
}
.carousel-wrapper {
   margin: 10px 40px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 250px; /* задаём ширину каждого элемента */
   padding: 10px 10px 10px 0px; /* делаем оступы, чтобы элементы не сливались */
}
.carousel-block img{
  display:block;
}
 
/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 13px;
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(/media/images/landing/cashback/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(/media/images/landing/cashback/carousel-right.png); 
}
.jumbotron {padding-top: 0; padding-bottom: 0; padding: 10px;}
 h2 {margin-bottom: 10px; text-align: center;}
.main-container { padding-top: 0; background: none; background-image: url(/media/images/landing/cashback/bgcon.png);} 
body { 
    background-image: url(/media/images/landing/cashback/bg22.png); 
    /*background-repeat: no-repeat;   */
    background-position: center;
}/********** SHADOW ***********/
/*.shadow{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}  */
    
    
    </style>
    
    <script type="text/javascript">
        var register_cashback_type = 'register-cashback-landing-2';
    </script>
    <div class="container main-container">
          <div class="row">
                <h2>Возвращайте деньги за онлайн-покупки</h2>
                <center><h3>Как это работает?</h3></center>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <center><img src="/media/images/landing/cashback/st1.png"/></center>
                    <p class="reg-steps">
                        Регистрируетесь (моментально и бесплатно)
                    </p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <center><img src="/media/images/landing/cashback/st2.png"/></center>
                    <p class="reg-steps">
                        Переходите по ссылке интернет-магазина из нашего каталога и совершаете покупку
                    </p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <center><img src="/media/images/landing/cashback/st3.png"/></center>
                    <p class="reg-steps">
                        После подтверждения покупки получаете деньги
                    </p>
                </div>
                
          </div>
          <div class="row">
              <div class="col-lg-4 col-md-4 col-sm-12" style="text-align: right;">
                   <img src="/media/images/landing/cashback/stbild.jpg"/>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-12">
                    <form action="/register" method="post" <?php if ($shop): ?>target="_blank" <?php endif; ?>role="form" id="register_cashback_form" class="jumbotron" style="background-color: #FDE378;">
                        <h3 style="margin-bottom: 5px;">Присоединяйтесь!</h3>
                        <span style="margin-bottom: 20px; display: block;">Не откладывайте, <strong>зарегистрируйтесь прямо сейчас</strong> и получите 50 рублей в подарок!</span> 
                        <div class="form-group">
                            <input type="text" class="form-control" name="email" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" name="password" placeholder="Пароль">
                        </div>
                        <span style="margin-bottom: 10px; display: block;">Регистрируясь, вы соглашаетесь с <a href="/info/privacy" target="_blank">политикой конфиденциальности</a></span> 
                        <input type="hidden" name="redirect_url" value="<?php if ($shop): ?><?=Helper_Index::go_shop_url($shop); ?><?php else: ?>/shop/all<?php endif; ?>" />
                        <input type="hidden" name="utm_marks" value="<?=Model_Main::get_utm_marks(); ?>" />
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Зарегистрироваться и получить бонус 50 рублей</button>
                        </div>
                    </form>
              </div>
             
               
          </div>
          <style>
            .best-shops {text-align: center;}
            .best-shops img{ }
            .best-shops a{ font-size: 16px;} .sum-perc {font-size: 16px; font-weight: bold;}
            .m-back-last p {font-size: 14px;}
          </style>
           <div class="row">
                <h2>Лучшие предложения</h2>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/lamoda">Lamoda</a></p>
                    <p><a href="/shop/lamoda"><img src="/media/images/landing/cashback/shops/lamoda.jpg" /></a></p>
                    <p class="sum-back">Cashback: до <span class="sum-perc">9%</span></p>
                </div>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/aliexpress">Aliexpress</a></p>
                    <p><a href="/shop/aliexpress"><img src="/media/images/landing/cashback/shops/aliexpress.jpg" /></a></p>
                    <p class="sum-back">Cashback: <span class="sum-perc">2%</span></p>
                </div>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/enter">Enter</a></p>
                    <p><a href="/shop/enter"><img src="/media/images/landing/cashback/shops/enter.png" /></a></p>
                    <p class="sum-back">Cashback: до <span class="sum-perc">6.18%</span></p>
                </div>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/ostin">Ostin</a></p>
                    <p><a href="/shop/ostin"><img src="/media/images/landing/cashback/shops/ostin.jpg" /></a></p>
                    <p class="sum-back">Cashback: <span class="sum-perc">200р</span></p>
                </div>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/tomtailor">Tom Tailor</a></p>
                    <p><a href="/shop/tomtailor"><img src="/media/images/landing/cashback/shops/tomtailor.jpg" /></a></p>
                    <p class="sum-back">Cashback: <span class="sum-perc">8%</span></p>
                </div>
                <div class="best-shops col-lg-2 col-md-2 col-sm-12">
                    <p><a href="/shop/svyaznoy">Связной</a></p>
                    <p><a href="/shop/svyaznoy"><img src="/media/images/landing/cashback/shops/svyaznoy.jpg" /></a></p>
                    <p class="sum-back">Cashback: до <span class="sum-perc">4%</span></p>
                </div> 
               <p style="text-align: right; font-size: 16px;">
                    <a href="/shop/all">все предложения →</a>
               </p>
          </div>
          <div class="row m-back-last">
            <h2>Последние выплаты</h2>
                <div class="carousel shadow"> 
                  <div class="carousel-button-left"><a href="#"></a></div> 
                  <div class="carousel-button-right"><a href="#"></a></div> 
                <div class="carousel-wrapper"> 
                   <div class="carousel-items"> 
                    <div class="carousel-block">
                      <p>Lamoda - Сумма: 531 руб. 2 дня назад</p>
                    </div>
                    <div class="carousel-block">
                      <p>Lamoda - Сумма: 276 руб. 2 дня назад</p>
                    </div>
                    <div class="carousel-block">
                      <p>Lamoda - Сумма: 302 руб. 5 дней назад</p>
                    </div>
                    <div class="carousel-block">
                      <p>Связной - Сумма: 108 руб. 7 дней назад</p>
                    </div>
                    <div class="carousel-block">
                      <p>Aliexpress - Сумма: 176 руб. 10 дней назад</p>
                    </div>
                   </div>
                </div>
          </div>
    </div>
    <div class="row" style="margin-bottom: 20px;">
        <p style="margin-left: 20px;"><strong>Cashback (кэшбэк)</strong> - возврат денег за покупки. 
        Суть такого шопинга заключается в том, что Вы, переходя в Интернет-магазин по нашим ссылкам, получаете обратно определенный процент потраченных денег.
        Также у нас Вы найдете множество промокодов и купонов на скидки в Интернет-магазинах.
        </p>
    </div>
    <script type="text/javascript">
        yaParams['register-cashback-type'] = register_cashback_type;
        $('form#register_cashback_form').submit(function () {
            yaCounter24760844.reachGoal(register_cashback_type);
            <?php if ($shop): ?>
            setTimeout('document.location = "/shop/all"', 2000);
            <?php endif; ?>    
        });
    </script>
    
    <?php if ($shop): ?>
    <iframe src="<?=Helper_Index::go_shop_url($shop); ?>" width="0" height="0"></iframe> 
    <?php endif; ?>
    
    <noindex>
    <div class="modal fade" id="login-register-modal" tabindex="-1" role="dialog" aria-labelledby="login-register-modal-label" aria-hidden="true"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                     <h5 class="modal-title" id="login-register-modal-label">Вход</h6>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs" id="myTab">
                        <li class="active"><a data-toggle="tab" href="#register">Регистрация</a></li>
                        <li class=""><a data-toggle="tab" href="#login">Вход</a></li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div id="register" class="tab-pane fade active in">
                            <p>Для продолжения необходима регистрация. Если у вас есть аккаунт, то войдите<br />+ 50 рублей на счет в подарок!</p>
                            <div class="form">
                                <form action="/register" method="post" target="_blank" class="form-horizontal">
                                    <div class="form-group">
                                        <label for="email" class="control-label col-md-3">Email</label>
                                        <div class="col-md-9">
                                            <input type="text" id="email" name="email" class="form-control" placeholder="mail@mail.ru">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="email" class="control-label col-md-3">Пароль</label>
                                        <div class="col-md-9">
                                            <input type="password" id="password" name="password" class="form-control">
                                        </div>
                                    </div>

                                    <input type="hidden" name="redirect_url" value="" />
                                    <div class="form-group">
                                        <div class="col-md-9 col-md-offset-3"> 
                                            <button class="btn btn-primary" type="submit">Регистрация</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div id="login" class="tab-pane fade">
                            <div class="form">
                                <form action="/login" method="post" target="_blank" class="form-horizontal"> 
                                    <div class="form-group">
                                        <label for="email" class="control-label col-md-3">Email</label>
                                        <div class="col-md-9">
                                            <input type="text" id="email" name="email" class="form-control">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="email" class="control-label col-md-3">Пароль</label>
                                        <div class="col-md-9">
                                            <input type="password" id="password" name="password" class="form-control">
                                        </div>
                                    </div>

                                    <input type="hidden" name="redirect_url" value="" />
                                    <div class="form-group">
                                        <div class="col-md-9 col-md-offset-3"> 
                                            <button class="btn btn-primary" type="submit">Войти</button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </noindex>
    
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter24760844 = new Ya.Metrika({id:24760844,
                        webvisor:true,
                        clickmap:true,
                        trackLinks:true,
                        accurateTrackBounce:true,
                        params:yaParams});
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
    </script>
    <noscript><div><img src="//mc.yandex.ru/watch/24760844" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    
    <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

     ga('create', 'UA-52559253-1', 'auto');
     ga('send', 'pageview');

    </script>

</body>
</html>
